<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>用户界面</title>
  <link rel="stylesheet" type="text/css" href="../static/all/css/AllUserPage.css" media="all">
  <link rel="stylesheet" type="text/css" href="../static/all/css/bootstrap.min.css" media="all" />
  <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="../static/all/css/btn.css" media="all" />
  <link rel="stylesheet" type="text/css" href="../static/all/css/mglass.css" media="all" />
  <style>
    .innerContent{
      background-color: white;
      border: 0px solid #000000;

      -moz-border-radius: 15px;

      -webkit-border-radius: 15px;

      border-radius:20px;
    }

    form>div{
      margin-left: 40px;
      margin-right: 40px;
    }

    .menu>li{
      list-style-type: none;
    }

  </style>
</head>

<body>
  <input type="checkbox" id="check" />
  <label for="check">
    <svg viewBox="0 0 30 30" width="30" height="30">
      <path id="one" d="M4 10h22M4" stroke="#fff" stroke-width="2" stroke-linecap="round"></path>
      <path id="two" d="M4 20h22M4" stroke="#fff" stroke-width="2" stroke-linecap="round"></path>
    </svg> 菜 单
  </label>
  <div th:replace="~{examChoose::nav}"></div>
  <article>
    <div class="wrapper">
      <div class="container">
        <div><h1 style="text-align: center">小学生口算测试平台</h1></div>
        <div class="card">
          <div class="content">
            <h2>01</h2>
            <h3>模 式 一</h3>
            <p>
              限时模式,在规定的时间答题,若到达限制时间,试题会自动上交。当然,也可提前交卷。点击可选择试题类型哦,祝你生活愉快!
            </p>
            <a th:href="@{/exam/chooseMode(type=1)}" >走你</a>
          </div>
        </div>
        <div class="card">
          <div class="content">
            <h2>02</h2>
            <h3>模 式 二</h3>
            <p>
              非限时模式,点击可选择试题类型哦,祝你生活愉快!
            </p>
            <a th:href="@{/exam/chooseMode(type=2)}">走你</a>
          </div>
        </div>
      </div>
      <div class="footer">
        <p></p>
      </div>
    </div>
  </article>
</body>
<script type="text/javascript">

</script>

<script src="../static/all/js/bootstrap.min.js"></script>
<script src="../static/all/js/jquery-1.11.1.min.js"></script>

</html>